<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" containers="width=device-width,
    initial-scale=1">
    <meta http-equiv="X-UA-Compatible" containers="IE=edge">
    <title>经济数据可视化管理系统</title>
    <link rel="stylesheet" href="/index/css/bootstrap.css">
    <link rel="stylesheet" href="/index/css/Reset.css">
    <!-- jqgrid-->
    <link href="/index/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
    <link rel="stylesheet" href="/index/css/index/index.css">
    <style>
        .resource-list {
            height: 475px;
            margin-bottom: 10px;
        }

        /* 排名表格 */
        .jqGrid_wrapper {
            color: #000 !important;
            background: #e0e0e0;
        }
    </style>

</head>

<body>
<%--用户id--%>
<div id="userId" hidden>${syslogin.username}</div>
<%--页面加载loading--%>
<div class="loading">
    <div class="loading">
        <div class="pic">
            <i></i>
            <i></i>
            <i></i>
            <i></i>
            <i></i>
        </div>
    </div>
</div>
<%--首页容器--%>
<div class="containers">
    <div class="row no-margin main">
        <!-- 首页左边容器 -->
        <div class="col-xs-3">
            <div class="floor-box">
                <!-- 资源清单 -->
                <div class="resource-list">
                    <!-- box.png的四个边角 -->
                    <span class="left-up"></span>
                    <span class="right-up"></span>
                    <span class="left-down"></span>
                    <span class="right-down"></span>
                    <p class="box-title">资源清单</p>
                    <div class="nav-active">
                        <div class="nav-actives" data-type="0">· 基础概括 ·</div>
                        <div data-nav="" data-type="1">· 经济概括 ·</div>
                        <div data-nav="" data-type="2">· 社会民生 ·</div>
                    </div>
                    <div class="nav-active-content">
                        <%--此处为资源清单子容器--%>
                    </div>
                    <!-- 点击展示标题详情 -->
                    <div class="resouces-detail" hidden>
                        <div class="close-btn pull-right">X</div>
                        <p>
                            <%--此处为资源弹窗内容--%>
                        </p>
                    </div>
                </div>
                <!-- 指标预警 -->
                <div class="indicators-warning  need-resize">
                    <!-- box.png的四个边角 -->
                    <span class="left-up"></span>
                    <span class="right-up"></span>
                    <span class="left-down"></span>
                    <span class="right-down"></span>
                    <small class="warning-time"></small>
                    <p class="red-title">指标预警</p>
                    <div class="warning-content need-resize">
                        <%--此处为指标预警容器--%>
                    </div>
                </div>
            </div>
        </div>
        <!-- 首页中间容器 -->
        <div class="col-xs-6">
            <div class="floor-box" style="border:0;position: relative;">
                <%--中间弹窗容器--%>
                <div id="middle-container" hidden>
                    <div class="container-box  need-resize">
                        <!-- box.png的四个边角 -->
                        <span class="left-up"></span>
                        <span class="right-up"></span>
                        <span class="left-down"></span>
                        <span class="right-down"></span>
                        <div class="container-item">
                            <div class="title-container clear">
                                <p class="box-title pull-left hidden-font" style="width: 80%;"
                                   title="2018年11月永泰经济大数据-智能分析报告">2018年11月永泰经济大数据-智能分析报告</p>
                                <span class="close-btn pull-right" data-dismiss="modal" aria-hidden="true">X</span>
                                <%--智能分析报告--%>
                                <iframe id="report" style="width:100%;height: 600px;"
                                        src="http://localhost:8080/web/aiReport/" frameborder="0"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-title">经济数据可视化管理系统</div>
                <div id="time-select" class="btn-group  time-select">
                    <button type="button" class="btns  btn btn-default dropdown-toggle"
                            data-toggle="dropdown">
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li>
                            <a href="#" data-stopPropagation=”true”>
                                <select name="" class="select-year">
                                    <%--<option value="01">2019</option>--%>
                                    <%--<option value="02">2018</option>--%>
                                    <%--<option value="03">2017</option>--%>
                                </select>年
                                <select name="" class="select-month">
                                    <option value="-">-月份-</option>
                                    <option value="01">01</option>
                                    <option value="02">02</option>
                                    <option value="03">03</option>
                                    <option value="04">04</option>
                                    <option value="05">05</option>
                                    <option value="06">06</option>
                                    <option value="07">07</option>
                                    <option value="08">08</option>
                                    <option value="09">09</option>
                                    <option value="10">10</option>
                                    <option value="11">11</option>
                                    <option value="11">12</option>
                                </select>月
                                <button class="btn btn-sm btn-warning btn-yellow">确定</button>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="person-center">
                    <div class="dropdown">
                        <button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
                                data-toggle="dropdown">个人中心
                        </button>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                            <li role="presentation">
                                <a role="menuitem" tabindex="-1" data-toggle="modal" data-target="#updatePassword">
                                    <em style="color:#00D7CE;"> ● </em>修改密码
                                </a>
                            </li>
                            <li role="presentation">
                                <a class="logout" href="/index/exit" role="menuitem" tabindex="-1">
                                    <em style="color:#00D7CE;"> ● </em>退出登录
                                </a>
                            </li>
                            <li role="presentation">
                                <a class="my-collection" role="menuitem" tabindex="-1">
                                    <em style="color:#00D7CE;"> ● </em>我的收藏
                                </a>
                            </li>
                        </ul>
                    </div>
                    <%--我的收藏--%>
                    <div class="collection" hidden>
                        <div class="clear" style="border-bottom: 1px solid #00CEC6;margin-bottom: 10px;">
                            <p class="box-title pull-left hidden-font" style="width: 90%;">我的收藏</p>
                        </div>
                        <ul id="my-collection">
                            <li>
                                <p class="hidden-font"> 规模以上工业增加值行业预警情况</p>
                                <div class="leader-info">
                                    <p>分管领导:余华</p>
                                    <p>责任单位：发改局</p>
                                </div>
                            </li>
                            <li>
                                <p class="hidden-font"> 规模以上工业增加值行业预警情况</p>
                                <div class="leader-info">
                                    <p>分管领导:余华</p>
                                    <p>责任单位：发改局</p>
                                </div>
                            </li>
                            <li>
                                <p class="hidden-font"> 规模以上工业增加值行业预警情况</p>
                                <div class="leader-info">
                                    <p>分管领导:余华</p>
                                    <p>责任单位：发改局</p>
                                </div>
                            </li>
                            <li>
                                <p class="hidden-font"> 规模以上工业增加值行业预警情况</p>
                                <div class="leader-info">
                                    <p>分管领导:余华</p>
                                    <p>责任单位：发改局</p>
                                </div>
                            </li>
                            <li>
                                <p class="hidden-font"> 规模以上工业增加值行业预警情况</p>
                                <div class="leader-info">
                                    <p>分管领导:余华</p>
                                    <p>责任单位：发改局</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <%-- <select id="time-select">
                     <option value="2018.11">2018.11</option>
                     <option value="2018.11">2018.12</option>
                 </select>--%>
                <div class="main-Indicators" style="margin-bottom: 10px;">
                    <p class="nav-tags" style="position:relative;">
                        <span id="btnLeft" class="server-tag">服务</span>
                        <span class="production-tag">三产七大指标</span>
                        <span class="ranking-tag">排名</span>
                        <span class="indicator-sel">更多指标</span>
                        <span class="analysisReport">智能分析报告</span>
                        <%--更多指标选择--%>
                    <div class="indicator-item" style="display: none;">
                        <%--    <p class="hidden-font" title="永泰县地区生产总值（GDP）">
                                <em> ● </em>永泰县地区生产总值（GDP）
                            </p>
                            <p争先竞位 class="hidden-font" title="永泰县地区生产总值（GDP）">
                                <em> ● </em>永泰县地区生产总值（GDP）
                            </p>
                            <p class="hidden-font" title="永泰县地区生产总值（GDP）">
                                <em> ● </em>永泰县地区生产总值（GDP）
                            </p>
                            <p class="hidden-font" title="永泰县地区生产总值（GDP）">
                                <em> ● </em>永泰县地区生产总值（GDP）
                            </p>--%>
                    </div>
                    <!-- 三产七大指标 -->
                    <div class="scqd-content" hidden>
                        <%--       <div class="scqd-item">
                                   <!-- 标题 -->
                                   <div class="scqd-content-title">
                                       <div class="first-col">
                                       <p>第三产业增加值</p>
                                       <p>
                                           增长：<em>11.12%</em>
                                       </p>
                                   </div>
                                   <div class="second-col">
                                       <p>商务局，交通运输局</p>
                                       <p>
                                           累计：<em>241551万元</em>
                                       </p>
                                   </div>
                                   <div class="three-col">
                                       <p>更多</p>
                                   </div>
                                </div>
                               <!-- 子集容器 -->
                               <div class="item-content" hidden>
                                   <div class="item-content-items">
                                       <div class="first-col">
                                           <p>第三产业增加值</p>
                                           <p>
                                               增长：<em>11.12%</em>
                                           </p>
                                       </div>
                                       <div class="second-col">
                                           <p>商务局，交通运输局交通运输局</p>
                                           <p>
                                               累计：<em>241551万元</em>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="item-content-items">
                                       <div class="first-col">
                                           <p>第三产业增加值</p>
                                           <p>
                                               增长：<em>11.12%</em>
                                           </p>
                                       </div>
                                       <div class="second-col">
                                           <p>商务局，交通运输局交通运输局</p>
                                           <p>
                                               累计：<em>241551万元</em>
                                           </p>
                                       </div>
                                   </div>
                                   <div class="item-content-items">
                                       <div class="first-col">
                                           <p>第三产业增加值</p>
                                           <p>
                                               增长：<em>11.12%</em>
                                           </p>
                                       </div>
                                       <div class="second-col">
                                           <p>商务局，交通运输局交通运输局</p>
                                           <p>
                                               累计：<em>241551万元</em>
                                           </p>
                                       </div>
                                   </div>
                               </div>
                            </div>
           <div class="scqd-item">
               <!-- 标题 -->
               <div class="scqd-content-title">
                   <div class="first-col">
                       <p>批发和零售业</p>
                       <p>
                           增长：<em>11.12%</em>
                       </p>
                   </div>
                   <div class="second-col">
                       <p>商务局，交通运输局</p>
                       <p>
                           累计：<em>241551万元</em>
                       </p>
                   </div>
                   <div class="three-col">
                       <p>更多</p>
                   </div>
               </div>
               <!-- 子集容器 -->
               <div class="item-content" hidden>
                   <div class="item-content-items">
                       <div class="first-col">
                           <p>第三产业增加值</p>
                           <p>
                               增长：<em>11.12%</em>
                           </p>
                       </div>
                       <div class="second-col">
                           <p>商务局，交通运输局交通运输局</p>
                           <p>
                               累计：<em>241551万元</em>
                           </p>
                       </div>
                   </div>
                   <div class="item-content-items">
                       <div class="first-col">
                           <p>第三产业增加值</p>
                           <p>
                               增长：<em>11.12%</em>
                           </p>
                       </div>
                       <div class="second-col">
                           <p>商务局，交通运输局交通运输局</p>
                           <p>
                               累计：<em>241551万元</em>
                           </p>
                       </div>
                   </div>
                   <div class="item-content-items">
                       <div class="first-col">
                           <p>第三产业增加值</p>
                           <p>
                               增长：<em>11.12%</em>
                           </p>
                       </div>
                       <div class="second-col">
                           <p>商务局，交通运输局交通运输局</p>
                           <p>
                               累计：<em>241551万元</em>
                           </p>
                       </div>
                   </div>
               </div>
           </div>--%>
                    </div>
                    </p>
                    <div class="row  no-margin indicators-content  need-resize">
                        <%--此处为主要经济指标情况 容器--%>
                    </div>
                </div>
                <!--  地区生产总值-->
                <%--  <div class="arrea-gross  need-resize  row no-margin">
                      <!-- box.png的四个边角 -->
                      <span class="left-up"></span>
                      <span class="right-up"></span>
                      <span class="left-down"></span>
                      <span class="right-down"></span>
                      <!-- 地区生产总值--左侧 -->
                      <div class="col-xs-7">
                          <div class="title-info clear">
                              <p class="box-title pull-left hidden-font" title="地区生产总值">地区生产总值</p>
                              <div class="pull-right" style="padding-top: 5px;">
                                  <p>分管领导：俞华</p>
                                  <p>责任单位：发改局</p>
                              </div>
                          </div>
                          <!-- 仪表盘 -->
                          <div class="echart-area need-resize">
                              <p class="small-title">
                                  <span class="left-png"></span>
                                  <span class="right-png"></span>
                                  总体完成情况
                              </p>
                              <div class="double-dashboard clear">
                                  <div id="growth-rate" class=""></div>
                                  <div class="growth-rate-data">县目标100%，<em>第6名</em></div>
                                  &lt;%&ndash;<div id="finish-number" class="pull-right"></div>&ndash;%&gt;
                                  &lt;%&ndash;<div class="finish-number-data">县目标181.1亿元，<em>第6名</em></div>&ndash;%&gt;
                              </div>
                              <p class="small-title">
                                  <span class="left-png"></span>
                                  <span class="right-png"></span>
                                  全市各县区排名情况
                              </p>
                              <!-- 县区排名情况 -->
                              <div id="county-ranking"></div>
                          </div>
                      </div>
                      <!-- 地区生产总值--右侧 -->
                      <div class="col-xs-5" style="position:relative;">
                          &lt;%&ndash;        <div class="indicator-item" style="display: none;">
                                      <p class="hidden-font" title="永泰县地区生产总值（GDP）">
                                          <em> ● </em>永泰县地区生产总值（GDP）
                                      </p>
                                      <p class="hidden-font" title="永泰县地区生产总值（GDP）">
                                          <em> ● </em>永泰县地区生产总值（GDP）
                                      </p>
                                      <p class="hidden-font" title="永泰县地区生产总值（GDP）">
                                          <em> ● </em>永泰县地区生产总值（GDP）
                                      </p>
                                      <p class="hidden-font" title="永泰县地区生产总值（GDP）">
                                          <em> ● </em>永泰县地区生产总值（GDP）
                                      </p>
                                  </div>&ndash;%&gt;
                          &lt;%&ndash; <div class="sel-content clear">
                               <div class="indicator-sel pull-left">指标选择&nbsp;&nbsp;&nbsp;&nbsp;></div>
                               <div class="yellow-btn pull-right" data-toggle="modal" data-target="#myModal-more">更多</div>
                           </div>&ndash;%&gt;
                          <div class="finish-value" style="background:rgba(0,163,157,.1);">
                              &lt;%&ndash;  <p class="small-title">
                                    <span class="left-png" style="left:15%;"></span>
                                    <span class="right-png" style="right:15%;"></span>
                                    累计完成值及同比增长情况
                                </p>&ndash;%&gt;
                              <!-- 累计完成值及同比增长情况  图表 -->
                              <div id="finish-value" class="need-resize">11</div>
                          </div>
                      </div>
                  </div>--%>
            </div>
        </div>
        <!-- 首页右边容器 -->
        <div class="col-xs-3">
            <div class="floor-box">
                <div class=" competition">
                    <!-- box.png的四个边角 -->
                    <span class="left-up"></span>
                    <span class="right-up"></span>
                    <span class="left-down"></span>
                    <span class="right-down"></span>
                    <div class="clear">
                        <p class="box-title pull-left">争先进位</p>
                        <div id="btnRight" class="yellow-btn pull-right" style="margin-top:7px;">产业调度</div>
                    </div>
                    <!-- 地区进度条针对性比较 -->
                    <div class="area-product-gross">
                        <p class="small-title" style="margin:15px  0;">
                            <span class="left-png" style="left:30%;"></span>
                            <span class="right-png" style="right:30%;"></span>
                            地区针对性比较
                        </p>
                        <!-- 选择弹框 -->
                        <div class="yellow-btn pull-right sel-bounced">
                            选择
                            <div class="sel-bounced-item" style="display:none;">
                                <p>
                                    <button id="determine-choose" class="btn btn-sm btn-warning">确定</button>
                                    <button class="btn btn-sm btn-default cancel">取消</button>
                                </p>
                                <div style="text-align:center;">
                                    <select id="sel-area">
                                        <option value="">请选择地区</option>
                                        <option value="大田县">DT1</option>
                                        <option value="宁化县">NH10</option>
                                        <option value="将乐县">JL11</option>
                                        <option value="顺昌县">SX12</option>
                                        <option value="泰宁县">TN13</option>
                                        <option value="连城县">LC2</option>
                                        <option value="武平县">WP3</option>
                                        <option value="古田县">GT4</option>
                                        <option value="武夷山市">WY5</option>
                                        <option value="闽清县">MQ6</option>
                                        <option value="浦城县">PC8</option>
                                        <option value="华安县">HA9</option>
                                    </select>
                                    <%--  <select id="sel-indicators">
                                          <option value="">请选择指标</option>
                                          <option value="01">指标一</option>
                                          <option value="01">指标二</option>
                                      </select>--%>
                                </div>
                            </div>
                        </div>
                        <div class="area-title clear">
                            <span class="pull-left">永泰县</span>
                            <span class="pull-right">对标地区</span>
                            地区生产总值
                        </div>
                        <%--  <div class="clear" style="margin:5px 0; ">
                              <div class="pull-right">
                                  <div class="switch-btn clear">
                                      <span class="switch-btn-active pull-left">累计</span>
                                      <span class="pull-right">增长</span>
                                  </div>
                              </div>
                          </div>--%>
                        <!-- 季度进度条对比区域 -->
                        <div class="progress-area">
                            <div class="quarter">
                                <span>24.24亿</span>
                                <div class="left-progress-content">
                                    <div class="progress-item" style="width:36%;"></div>
                                </div>
                                <span class="quarter-name">第一季度</span>
                                <div class="right-progress-content">
                                    <div class="progress-item" style="width:88%;"></div>
                                </div>
                                <span>24.24亿</span>
                            </div>
                            <div class="quarter">
                                <span>24.24亿</span>
                                <div class="left-progress-content">
                                    <div class="progress-item" style="width:36%;"></div>
                                </div>
                                <span class="quarter-name">第二季度</span>
                                <div class="right-progress-content">
                                    <div class="progress-item" style="width:88%;"></div>
                                </div>
                                <span>24.24亿</span>
                            </div>
                            <div class="quarter">
                                <span>24.24亿</span>
                                <div class="left-progress-content">
                                    <div class="progress-item" style="width:36%;"></div>
                                </div>
                                <span class="quarter-name">第三季度</span>
                                <div class="right-progress-content">
                                    <div class="progress-item" style="width:88%;"></div>
                                </div>
                                <span>24.24亿</span>
                            </div>
                            <div class="quarter">
                                <span>24.24亿</span>
                                <div class="left-progress-content">
                                    <div class="progress-item" style="width:36%;"></div>
                                </div>
                                <span class="quarter-name">第四季度</span>
                                <div class="right-progress-content">
                                    <div class="progress-item" style="width:88%;"></div>
                                </div>
                                <span>24.24亿</span>
                            </div>
                        </div>
                    </div>
                    <!--GDP预测表 -->
                    <div class="area-content">
                        <p class="small-title" style="margin:5px;">
                            <span class="left-png"></span>
                            <span class="right-png"></span>
                            GDP预测表
                        </p>
                        <div class="row no-margin">
                            <!-- 一二三产圆环图表 -->
                            <div class="col-xs-6">
                                <div id="area-compare" class="col-xs-6 no-padding"></div>
                            </div>
                            <div class="col-xs-6 ">
                                <div class="predict">
                                    <button id="predict-btn" class="btn btn-sm"
                                            style="background-color: #E7AA03;color: #fff;">预测
                                    </button>
                                    <table class="table-predict" border="1px">
                                        <tr>
                                            <td>GDP</td>
                                            <td>一产</td>
                                            <td>二产</td>
                                            <td>三产</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input class="gdp-data" type="number" t_value="" o_value=""
                                                       onkeypress="keyPress(this)" onkeyup="keyUp(this)"
                                                       onblur="onBlur(this)">
                                            </td>
                                            <td>
                                                <input class="one-production" type="number" t_value="" o_value=""
                                                       onkeypress="keyPress(this)" onkeyup="keyUp(this)"
                                                       onblur="onBlur(this)">
                                            </td>
                                            <td>
                                                <input class="second-production" type="number" t_value="" o_value=""
                                                       onkeypress="keyPress(this)" onkeyup="keyUp(this)"
                                                       onblur="onBlur(this)">
                                            </td>
                                            <td>
                                                <input class="three-production" type="number" t_value="" o_value=""
                                                       onkeypress="keyPress(this)" onkeyup="keyUp(this)"
                                                       onblur="onBlur(this)">
                                            </td>
                                        </tr>
                                        <tr>
                                            <%--验证提示--%>
                                            <td id="validation-remind" colspan="4"
                                                style="color:rgba(255,72,72,1);"></td>
                                        </tr>
                                    </table>
                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- GDP增长态势图 -->
                    <div class="row no-margin" style=" background: rgba(0, 163, 157, .1);">
                        <div class="col-xs-12">
                            <p class="small-title" style="margin:5px;">
                                <span class="left-png"></span>
                                <span class="right-png"></span>
                                GDP增长态势图
                            </p>
                        </div>
                        <div class="col-xs-12 need-resize">
                            <div id="growth-trend" class="col-xs-12 "></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div><!-- row -->
</div><!-- containers -->


<!-- 产业调度右侧侧边栏 -->
<div class="layer-right" style="position: relative;display: none;">
    <p class="box-title">产业分行业分析调度</p>
    <div class="dispatch-content" style="overflow-y: scroll;">
        <!--  GDP调度表-->
        <%-- <div class="dispatch-list">
             <p class="small-title" style="margin:5px 0;">
                 <span class="left-png"></span>
                 <span class="right-png"></span>
                 GDP调度表
             </p>
             <div class="row no-margin" style="margin:45px 0;">
                 <div class="col-xs-2" style="text-align:center;font-size: 18px;">GDP</div>
                 <div class="col-xs-6">
                     <div class="dispatch-progress">
                         <div class="progress">
                             <div class="progress-bar progress-bar-success" style="width: 20%;background-color: #FFCC5A;">
                             </div>
                             <div class="progress-bar progress-bar-info" style="width: 30%;background-color: #E56C6C">
                             </div>
                             <div class="progress-bar progress-bar-warning" style="width: 50%;background-color: #6CD6E8;">
                             </div>
                         </div>
                     </div>
                 </div>
             </div>
             <div class="row no-margin industry-data">
                 <div class="col-xs-3">
                     <p>361.36亿元</p>
                     <p>10.38%</p>
                 </div>
                 <div class="col-xs-3">
                     <p>一产</p>
                     <p>361.36亿元</p>
                     <p>2.6%</p>
                 </div>
                 <div class="col-xs-3">
                     <p>二产</p>
                     <p>361.36亿元</p>
                     <p>2.6%</p>
                 </div>
                 <div class="col-xs-3">
                     <p>三产</p>
                     <p>361.36亿元</p>
                     <p>2.6%</p>
                 </div>
             </div>
         </div>--%>
        <!-- 一产调度表 -->
        <%-- <div class="dispatch-one">
             <p class="small-title" style="margin:5px 0;">
                 <span class="left-png"></span>
                 <span class="right-png"></span>
                 一产调度表
             </p>
             <div class="dispatch-one-content">
                 <p>一产</p>
                 <p>43.48亿元</p>
                 <p>2.6%</p>
                 <div>
                     <div class="yellow-btn" style="display:inline-block;">预测</div>
                 </div>
             </div>
         </div>--%>
        <!-- 二产调度表 -->
        <div class="dispatch-two">
            <p class="small-title" style="margin:5px 0;">
                <span class="left-png"></span>
                <span class="right-png"></span>
                二产调度表
            </p>
            <div class="row no-margin industry-containers">
                <div class="col-xs-3">
                    <p>第二产业</p>
                    <p class="rate"></p>
                    <div>
                        <div class="yellow-btn" style="display:inline-block;">预测</div>
                    </div>
                </div>
                <div class="col-xs-9">
                    <!-- 二产调度图表-->
                    <div id="dispatch-two"></div>
                </div>
            </div>
        </div>
        <!-- 三产调度表 -->
        <div class="dispatch-three">
            <p class="small-title" style="margin:5px 0;">
                <span class="left-png"></span>
                <span class="right-png"></span>
                三产调度表
            </p>
            <div class="row no-margin  industry-containers">
                <div class="col-xs-3">
                    <p>第三产业</p>
                    <p class="rate"></p>
                    <div>
                        <div class="yellow-btn" style="display:inline-block;">预测</div>
                    </div>
                </div>
                <div class="col-xs-9">
                    <!-- 三产调度图表-->
                    <div id="dispatch-three"></div>
                </div>
            </div>
        </div>
        <!-- 预测输入框 -->
        <div class="predict-input" hidden>
            <p class="clear" style="position:relative;">
                <button class="btn btn-sm btn-warning sure1" hidden>确定</button>
                <button class="btn btn-sm btn-warning sure2" hidden>确定</button>
                <em id="prompt" style="color: rgba(255,72,72,1);text-align: center;">请输入正确数值</em>
                <span class="close-window">X</span>
            </p>
            <div class="predict-content">
                <%--此处为产业调度弹窗容器--%>
            </div>

        </div>
    </div>
</div>


<!-- 服务左侧侧边栏 -->
<div class="layer-left" style="position: relative;display: none;">
    <p class="box-title" style="width:440px;">县领导走访挂钩联系企业情况登记表</p>
    <!-- 选择服务 -->
    <div class="sleect-service">
        <div>县领导走访服务登记流转表</div>
        <div class="selected-service">县领导走访挂钩联系企业情况登记表</div>
        <div class="visit-total">县领导走访挂钩联系企业情况汇总表</div>
        <div>县服务企业工作需市里协调解决问题汇总表</div>
        <div>开展“企业服务月”活动情况月报表</div>
    </div>
    <div class="clear" style="border-bottom:2px solid rgba(0, 206, 198, 1);margin-bottom:2px;">
        <div class="pull-left sel-unit">
            <div class="selected-unit" data-type="2">县委</div>
            <div data-type="3">县人大</div>
            <div data-type="4">县政府</div>
            <div data-type="5">县政协</div>
        </div>
        <div id="types" hidden></div>
        <div class="btn-group  time-select pull-right">
            <button type="button" class="btns  btn btn-default dropdown-toggle"
                    data-toggle="dropdown">
                201801123
            </button>
            <ul class="dropdown-menu" role="menu">
                <li>
                    <a href="#" data-stopPropagation=”true”>
                        <select name="" class="select-year">
                            <%-- <option value="01">2015</option>
                             <option value="02">2018</option>
                             <option value="03">2017</option>--%>
                        </select>年
                        <select name="" class="select-month">
                            <option value="-">-月份-</option>
                            <option value="01">01</option>
                            <option value="02">02</option>
                            <option value="03">03</option>
                            <option value="04">04</option>
                            <option value="05">05</option>
                            <option value="06">06</option>
                            <option value="07">07</option>
                            <option value="08">08</option>
                            <option value="09">09</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="11">12</option>
                        </select>月
                        <button class="btn btn-sm btn-warning btn-yellow">确定</button>
                    </a>
                </li>
            </ul>
        </div>
        <%--<select class="pull-right select-date">--%>
        <%--<option value="2017.7">2018.11</option>--%>
        <%--<option value="2017.7">2018.12</option>--%>
        <%--</select>--%>
    </div>
    <div class="visit-data row" style="overflow-y:scroll;">
        <div class="personal">
            <div class="clear">
                <span class="pull-left">陈文杰</span>
                <span class="pull-right">本月走访次数：<em>2</em></span>
            </div>
            <div class="personal-item">
                <div class="clearfix hidden-font">
                    <p> ● </p>
                    <p class="hidden-font" title="永泰华尔锦纺织有限公司">永泰华尔锦纺织有限公司</p>
                    <p>1</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 走访内容详情 -->
    <div class="visist-detail">
        <div class="clear">
            <div class="close-btn pull-right">X</div>
        </div>
        <div class="content">
            <div class="content-1">
                <p class="left-border-title">基本情况</p>
                <div class="row">
                    <div class="col-xs-4">企业名称</div>
                    <div class="col-xs-8 hidden-font" title="永泰县樟城良晶珠宝金行">永泰县樟城良晶珠宝金行</div>
                </div>
                <div class="row">
                    <div class="col-xs-4">挂钩领导</div>
                    <div class="col-xs-8">陈文杰</div>
                </div>
                <div class="row">
                    <div class="col-xs-4">当月走访</div>
                    <div class="col-xs-8">1 次</div>
                </div>
            </div>
            <div class="content-2">
                <p class="left-border-title">详细情况</p>
                <div class="detail-item">
                    <p class="subtitle"><em> ● </em> 挂钩企业面临的问题和困难</p>
                    <div class="detail-show">
                        商店税费定的与其他县区比相对较高，希望减少税费。
                    </div>
                </div>
                <div class="detail-item">
                    <p class="subtitle"><em> ● </em> 协调解决情况</p>
                    <div class="detail-show">
                        商店税费定的与其他县区比相对较高，希望减少税费。
                    </div>
                </div>
                <div class="detail-item">
                    <p class="subtitle"><em> ● </em> 详细进度</p>
                    <div class="detail-show">
                        商店税费定的与其他县区比相对较高，希望减少税费。
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--模态框区域 ------------------------------------------------- -->
<!-- 指标预警模态框 -->
<div class="modal fade" id="myModal-warning" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="height:912px;">
            <div class="modal-body">
                <div class="modal-titles">
                    <p style="width:400px;">固定资产投资总额前十大部门累计完成情况</p>
                    <span class="colse-modal" data-dismiss="modal" aria-hidden="true">X</span>
                </div>
                <!-- 预警图表 -->
                <div class="indicators-legend">
                    <span class="legend-1"></span> 完成数 &nbsp;&nbsp;&nbsp; <span class="legend-2"></span> 计划数 &nbsp;&nbsp;&nbsp;
                    <span class="legend-3"></span> 完成率 &nbsp;&nbsp;&nbsp;
                </div>
                <div id="indicators-warning"></div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!--地区生产总值 - “更多”按钮 -->
<div class="modal fade" id="myModal-more" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="height:950px;">
            <div class="modal-body">
                <div class="modal-titles">
                    <p style="width:230px;">GDP 其他指标数据</p>
                    <span class="colse-modal" data-dismiss="modal" aria-hidden="true">X</span>
                    <select id="gdp-sel-years">
                        <option value="">请选择年份</option>
                        <option value="2018年">2018年</option>
                        <option value="2019年">2019年</option>
                    </select>
                    <select id="gdp-sel-quarter">
                        <option value="">请选择季度</option>
                        <option value="第一季度">第一季度</option>
                        <option value="第二季度">第二季度</option>
                        <option value="第三季度">第三季度</option>
                        <option value="第四季度">第四季度</option>
                    </select>
                    <button id="determin" class="btn btn-sm" style="background-color: #E7AA03;">确定</button>
                </div>
                <!-- 第一产业图表 -->
                <p class="small-title" style="margin:7px  0;">
                    <span class="left-png"></span>
                    <span class="right-png"></span>
                    第一产业完成情况
                </p>
                <div id="one-production"></div>
                <!-- 第二产业图表 -->
                <p class="small-title" style="margin:7px  0;">
                    <span class="left-png"></span>
                    <span class="right-png"></span>
                    第二产业完成情况
                </p>
                <div id="second-production"></div>
                <!-- 第三产业图表 -->
                <p class="small-title" style="margin:7px  0;">
                    <span class="left-png"></span>
                    <span class="right-png"></span>
                    第三产业完成情况
                </p>
                <div id="three-production"></div>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 指标详情模态框 -->
<div class="modal fade" id="indicator-detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" style="width:1000px;">
        <div class="modal-content" style="height:700px;">
            <div class="modal-body">
                <div class="modal-titles">
                    <p style="width:380px;">规上工业企业用工情况</p>
                    <span class="colse-modal" data-dismiss="modal" aria-hidden="true">X</span>
                </div>
                <!-- 预警图表 -->
                <div class="row echart-content no-margin" style="width:100%;height:615px;">
                    <iframe style="width:100%;height: 615px" src="" frameborder="0"></iframe>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!--三产七大指标 - “服务”按钮 -->
<div class="modal fade" id="seven-production" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="height:820px;">
            <div class="modal-body">
                <div class="modal-titles">
                    <p style="width:230px;">第三产业增加值</p>
                    <span class="colse-modal" data-dismiss="modal" aria-hidden="true">X</span>
                </div>
                <p class="small-title" style="margin:5px 0;">
                    <span class="left-png"></span>
                    <span class="right-png"></span>
                    全市各县区排名情况
                </p>
                <!-- 图表一 -->
                <div id="histogram-1"></div>
                <p class="small-title hide-finish-situation" style="margin:5px 0;">
                    <span class="left-png"></span>
                    <span class="right-png"></span>
                    总体完成情况
                </p>
                <!-- 图表二 双仪表盘 -->
                <div class="row dashboard-ranking">
                    <div class="col-xs-2">
                        <p style="margin-top:80px;">增幅排名</p>
                        <p id="finish-rank">第 2 名</p>
                    </div>
                    <div class="col-xs-5">
                        <div id="dashboard-1"></div>
                    </div>
                    <div class="col-xs-5">
                        <div id="dashboard-2"></div>
                    </div>
                </div>
                <div>
                    <p class="small-title" style="margin:5px 0;">
                        <span class="left-png"></span>
                        <span class="right-png"></span>
                        指标历史情况
                    </p>
                    <!-- <select name="" id=""></select> -->
                </div>
                <!-- 图表三 -->
                <div id="histogram-2"></div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- 首页排名 按钮 -->
<div class="modal fade" id="ranking-moal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="height:650px;">
            <div class="modal-body">
                <div class="modal-titles">
                    <p style="width:380px;">经济各指标增速排名情况</p>
                    <span class="colse-modal" data-dismiss="modal" aria-hidden="true">X</span>
                </div>
                <!-- 表格 -->
                <div class="row" style="padding:0 10px;">
                    <div class="jqGrid_wrapper">
                        <table id="table_list_1"></table>
                        <!-- <div id="pager_list_1"></div> -->
                    </div>
                </div>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!--县领导走访挂钩联系企业情况汇总表- “更多”按钮 -->
<div class="modal fade" id="visit-summary" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="height:750px;">
            <div class="modal-body">
                <div class="modal-titles" style="position:relative;">
                    <p style="width:380px;">县领导走访挂钩联系企业情况汇总表</p>
                    <span class="colse-modal" data-dismiss="modal" aria-hidden="true">X</span>
                    <div class="btn-group  time-select">
                        <button type="button" class="btns  btn btn-default dropdown-toggle"
                                data-toggle="dropdown">
                            201801
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li>
                                <a href="#" data-stopPropagation=”true”>
                                    <select name="" class="select-year">
                                        <%--<option value="01">2019</option>--%>
                                        <%--<option value="02">2018</option>--%>
                                        <%--<option value="03">2017</option>--%>
                                    </select>年
                                    <select name="" class="select-month">
                                        <option value="-">-月份-</option>
                                        <option value="01">01</option>
                                        <option value="02">02</option>
                                        <option value="03">03</option>
                                        <option value="04">04</option>
                                        <option value="05">05</option>
                                        <option value="06">06</option>
                                        <option value="07">07</option>
                                        <option value="08">08</option>
                                        <option value="09">09</option>
                                        <option value="10">10</option>
                                        <option value="11">11</option>
                                        <option value="11">12</option>
                                    </select>月
                                    <button class="btn btn-sm btn-warning btn-yellow">确定</button>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <%--<select class="sel-years">
                        <option value="">请选择年份</option>
                        <option value="2018.11">2018.11</option>
                        <option value="201812">2019.12</option>
                    </select>--%>
                    <!-- 选择服务 -->
                    <div class="sleect-service">
                        <div>县领导走访服务登记流转表</div>
                        <div>县领导走访挂钩联系企业情况登记表</div>
                        <div class="selected-service visit-total">
                            县领导走访挂钩联系企业情况汇总表
                        </div>
                        <div>县服务企业工作需市里协调解决问题汇总表</div>
                        <div>开展“企业服务月”活动情况月报表</div>
                    </div>
                </div>
                <div class="content-summary">
                    <p class="left-border-title">走访数据统计</p>
                    <div class="row">
                        <div class="col-xs-4">
                            <p>本月走访企业总次数</p>
                            <em>94</em>
                        </div>
                        <div class="col-xs-4">
                            <div class="progress progress-striped active">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-4 no-padding">
                            <p>县（市）区领导挂钩联系企业总数 </p>
                            <em>137</em>
                        </div>
                    </div>
                    <p class="left-border-title">帮助企业协调解决问题情况</p>
                    <div class="row">
                        <div class="col-xs-12">
                            <!-- 解决问题图表 -->
                            <div id="solve-problem"></div>
                        </div>
                    </div>
                    <p class="left-border-title">详情</p>
                    <div class="detail-item">
                        <p class="subtitle"><em> ● </em> 采取的主要次数和工作成效</p>
                        <div class="detail-show">
                            通过现场察看、召开协调会、电话联系、现场座谈会等形式，通过“一对一”服务，针对企业的困难问题精准施策、精准帮扶，基本解决企业所
                        </div>
                    </div>
                    <div class="detail-item">
                        <p class="subtitle"><em> ● </em> 协调解决情况</p>
                        <div class="detail-show">
                            1.当好企业的“牵线员”，深入企业，及时调研了解企业存在的困难，并牵头县直相关部门“对症下药”，积极沟通上级有关部门，帮助解决各类企业发展难题；

                            2.大力发展总部经济，通过线上线下销售，拓宽销售渠道，打通销售瓶颈问题；

                            3.全力扶持企业施工承包资质升级，促进企业做大做强。
                        </div>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>


<%--修改密码模态框--%>
<div class="modal fade" id="updatePassword" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="height:360px;">
            <div class="modal-body">
                <div class="modal-titles">
                    <p style="width:260px;">修改我的密码</p>
                    <span class="colse-modal" data-dismiss="modal" aria-hidden="true">X</span>
                </div>
                <div class="row">

                    <div class="col-xs-12">
                        <div class="form-group">
                            <label class="col-sm-3 control-label" for="password" align="right">旧密码</label>
                            <div class="col-sm-6">
                                <input type="password" id="password" placeholder="请输入旧密码"
                                       class="form-control required">
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12" style="margin-top:25px;">
                        <div class="form-group">
                            <label class="col-sm-3 control-label" for="newPaddword" align="right">新密码</label>
                            <div class="col-sm-6">
                                <input type="password" id="newPaddword" placeholder="请输入新的密码" value=""
                                       class="form-control required">
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12" style="margin-top:25px;">
                        <div class="form-group">
                            <label class="col-sm-3 control-label" for="confirmPassword" align="right">确认密码</label>
                            <div class="col-sm-6">
                                <input type="password" id="confirmPassword" placeholder="请输入再次输入密码" value=""
                                       class="form-control required">
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 error-remind"></div>
                </div>
            </div>
            <div class="modal-footer" style="text-align: center;border-top: none;padding: 0;">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="updateUpwd" type="button" class="btn btn-success">提交更改</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!-- ------------------------------------------------- ----------->


<script src="/index/js/jquery.min.js"></script>
<!-- jqGrid -->
<script src="/index/jqgrid/i18n/grid.locale-cn.js?0820"></script>
<script src="/index/jqgrid/jquery.jqGrid.min.js?0820"></script>

<script src="/index/js/mSlider.min.js"></script>
<script src="/index/js/echarts.js"></script>
<script src="/index/js/bootstrap.min.js"></script>

<script src="/index/js/md5.js"></script>


<script src="/index/js/index/index.js"></script>
<!-- 请求和事件 js -->
<script src="/index/js/index/request.js"></script>
<script>
    $(function () {
        //调用函数
        resizeModel(windowH);
        $(window).resize(function () {
            windowH = $(window).height();
            resizeModel(windowH);
        });

        // GDP增长态势图
        $.ajax({
            url: "/index/indicatorScheduling/queryPreemptive",
            type: "POST",
            dataType: "json", //返回数据形式为json
            contentType: 'application/json;charset=UTF-8',
            data: JSON.stringify({"industryId": "A01", "completionPeriod": "201701-06"}),
            success: function (res) {
                if (res.code == "200") {
                    growthTrend(res.data);
                } else {
                    console.log("系统出错，请联系管理员");
                }
            }
        });
    });
</script>
</body>

</html>
